<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>个人中心</title>
<link rel="stylesheet" href="css/personal-center.css"/>
<script type="text/javascript" src="js/personal-center.js"></script>
</head>

<body>
	<!--****************顶部导航************-->
    <div class="nav">
	<div class="nav-left">
    	<img src="images/2.png" />
        <ul>
        	<li class="margin"><a href="#">社区</a></li>
            <li><a href="#">学习空间</a></li>
            <li class="margin"><a href="#">我的群组</a></li>
        </ul>
        <div class="nav-left-button">
        	<form action="">
            	<input type="submit" id="button1" value="搜索" />
                <input type="text" placeholder="搜索资源或话题" />
            </form>
        </div>
    </div>
    <div class="nav-right">
    	<button id="button2">意见反馈</button>
        <!--头像-->
        <div  class="nav-right-logo">
        	<div id="menu_title1" class="menu_title" onclick="openMenu(this)">
				<img src="images/4.jpg" />
				<div class="indicator" id="indicator1">
					<
				</div>
			</div>
			<div class="menu" id="menu1">
            	<div class="item">
					<a href="#" target="">昵称</a>
				</div>
				<div class="item">
					<a href="" target="">我的动态</a>
				</div>
				<li class="item_divider"></li>
				<div class="item">
					<a href="" target="">个人中心</a>
				</div>
                <div class="item">
					<a href="" target="">退出系统</a>
				</div>
			</div>
        </div>
        <!--消息提示-->
        <div class="nav-right-img">
        <ul>
        	<li>
            	<a href="#"><img src="images/3.png" /></a>
            	<ul>
                	<li><a>回复我的</a></li>
                    <li><a>收到的赞</a></li>
                    <li><a>系统通知</a></li>
                </ul>
            </li>
        </ul>
        </div>
    </div>
	</div>
    <!--*******************个人中心**********************-->
    <!--标题导航-->
	<div class="personal-nav">
    	<span class="personal-nav-title"><a href="#">昵称</a></span>
        >
        <span>编辑个人资料</span>
    </div>
    <!--头像-->
    <div class="logo">
    	<div class="logo-title">
        	<h3>公开头像</h3>
            <span>您可以在这里修改或删除头像。</span>
        </div>
        <div class="logo-img">
        	<div class="logo-img-item">
        		<img src="../空间主页/images/member-logo.jpg"/>
            </div>
            <div class="logo-item">
            	<form action="#">
                <h4>公开头像</h4>
                <input type="file" value="选择图片"/>
                <div class="logo-item-detail">仅支持 jpg, jpeg, png 格式的图片类型。图片允许的最大大小为2MB。</div>
                <div class="button">
                	  <input type="submit" id="submit" value="保存头像" />
                </div>
                </form>
            </div>
        </div>   
    </div>
    <!--个人信息-->
    <div class="personal">
    	<div class="personal-left">
        	<h3>个人信息</h3>
            <span>您可以在这里修改或删除头像。</span>
        </div>
        <div class="personal-right">
        	<form action="#">
            	<ul>
                	<li><h4>昵称：</h4></li>
                    <li><input type="text" size="70"/></li>
                    <li><h4>邮箱：</h4></li>
                    <li><input type="text" size="70"/></li>
                    <li><h4>身份：</h4></li>
                    <li><input type="text" size="70"/></li>
                    <li><h4>个人主页：</h4></li>
                    <li><input type="text" size="70"/></li>
                    <li><h4>个人简介：</h4></li>
                    <li><textarea cols="65" rows="5"></textarea></li>
                </ul>
                <input type="submit" id="sumbit" value="更新个人信息"/>
            </form>
        </div>
    </div>
</body>
</html>
